@charset "utf-8";
/* CSS Document */
/*
	-webkit-transition: all 0.5s;
	-moz-transition: 	all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;

	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
*/

@media screen and (max-width: 1600px) {
	.banner1 .bannerpic{
		max-width: 70%;
	}
	.menu li a{
		padding: 0 30px;
	}
}
@media screen and (max-width: 1440px) {
	.menu li a{
		padding: 0 20px;
	}
}
@media screen and (max-width: 1366px) {
}
@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 640px) {
	.header{
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		background-color: #fff;
		z-index: 9999;
		box-shadow: 5px 5px 12px 0 rgba(0,0,0,0.15)
	}
	.menu{
		display: none;
		position: fixed;
		left: 0;
		top: 80px;
		background-color: #fff;
		height: 100%;
		width: 50%;
		z-index: 9999;
		box-shadow: 5px 5px 12px 0 rgba(0,0,0,0.15)
	}
	.menu li{
		width: 100%;
		line-height: 40px;
		border-top: 1px solid #eee;
		position: relative;
	}
	.menu li:last-child{
		border-bottom: 1px solid #eee;
	}
	.menu li a{
		font-size: 16px;
	}
	.menu li .iconfont{
		display: block;
		position: absolute;
		width: 40px;
		line-height: 40px;
		right: 0;
		top: 0;
		text-align: center;
		font-size: 20px;
	}
	.menu>li:hover>.iconfont{
		color: #fff;
	}
	.menu>li>ul{
		position: relative;
		left: auto;
		top: auto;
		padding: 0;
	}
	.menu li ul li{
		line-height: 40px;
		padding: 0 !important;
	}
	.menu li ul li a{
		padding: 0 40px 0 30px;
		text-align: left;
		font-size: 14px;
	}
	.menu li ul li ul{
		padding: 0;
		top: 0;
	}
	.menu li ul li ul li{
		border-radius: 0 !important;
	}
	.menu li ul li ul li a{
		padding: 0 20px;
		font-size: 14px;
	}
	.top_tel p,
	.menuclose{
		display: none;
	}
	.procate{
		flex-wrap: wrap;
	}
	.procate li{
		width: 50%;
	}
	.procate li .iconfont{
		font-size: 30px;
		margin: 0 5px 0 0;
	}
	.procate li a{
		padding: 15px 0;
		border-bottom: 1px solid #eee;
	}
	.procate li:last-child a{
		border-right: 1px solid #eee;
		border-bottom: 1px solid #eee;
	}
	.procate li p{
		font-size: 14px;
	}
	.procate li .text{
		font-size: 12px;
	}
	.procate li span{
		font-size: 0.6rem;
	}
	.header .container{
		position: relative;
	}
	.logo{
		width: 240px;
		height: 80px;
	}
	.top_tel .iconfont{
		font-size: 24px;
		margin: 0 50px 0 0;
	}
	.p80,
	.p100{
		padding: 50px 0;
	}
	.mt60{
		margin-top: 30px !important;
	}
	.mt50{
		margin-top: 20px !important;
	}
	.menubut{
		display: block;
		font-size: 34px;
		position: absolute;
		right: 0;
		top: 50%;
		margin-top: -17px;
		-webkit-transition: all 0.3s;
		-moz-transition: 	all 0.3s;
		-ms-transition: 	all 0.3s;
		-o-transition: 		all 0.3s;
		transition: 		all 0.3s;
	}
	.menuclose{
		display: block;
		font-size: 30px;
		position: absolute;
		right: 0;
		top: 50%;
		margin-top: -15px;
		transform: scale(0);
		opacity: 0;
		-webkit-transition: all 0.3s;
		-moz-transition: 	all 0.3s;
		-ms-transition: 	all 0.3s;
		-o-transition: 		all 0.3s;
		transition: 		all 0.3s;
	}
	.banner1 .text strong{
		font-size: 20px;
	}
	.pro .container{
		display: block;
	}
	.pro .stitle{
		width: 100%;
		text-align: center;
	}
	.pro .stitle .text{
		font-size: 12px;
		line-height: 18px;
		margin: 10px 0 20px 0;
	}
	.stitle{
		text-align: center;
	}
	.stitle p{
		font-size: 20px;
		line-height: 20px;
		margin: 5px 0 0 0;
	}
	.stitle span{
		font-size: 22px;
		line-height: 22px;
	}
	.stitle a.more{
		margin: 0 auto;
		width: 120px;
		line-height: 30px;
		font-size: 12px;
	}
	.stitle a.more .iconfont{
		font-size: 17px;
	}
	.pro .proslide{
		margin: 30px 0 0 0;
		width: 100%;
	}
	.arrow_proslide,
	.arrow_honorslide{
		display: none;
	}
	.proslide li a{
		margin: 0 5px;
		padding: 0 0 15px 0;
	}
	.proslide li p::before{
		margin: 0 auto 10px auto;
	}
	.proslide li p{
		font-size: 14px;
	}
	.youshilist li{
		width: 49%;
		margin: 0 2% 2% 0;
		padding: 15px;
	}
	.youshilist li:nth-child(2n){
		margin: 0 0 2% 0;
	}
	.youshilist li strong{
		font-size: 16px;
		margin: 10px 0 10px 0;
	}
	.youshilist li p{
		font-size: 12px;
		line-height: 18px;
	}
	.aboutbg .container{
		display: block;
	}
	.about{
		width: 100%;
	}
	.about a{
		margin: 0 auto;
		width: 120px;
		line-height: 30px;
		font-size: 12px;
	}
	.about a .iconfont{
		font-size: 17px;
	}
	.about .text{
		font-size: 14px;
		line-height: 24px;
	}
	.abouticon{
		width: 100%;
		margin: 40px 0 0 0;
	}
	.abouticon li{
		padding: 20px 0;
	}
	.abouticon li .num,
	.abouticon li .num span{
		font-size: 30px;
	}
	.abouticon li .iconfont{
		font-size: 40px;
	}
	.container{
		flex-wrap: wrap;
	}
	.news .stitle{
		width: 100%;
	}
	.news .stitle .newscate li{
		float: left;
		width: 33.333%;
		line-height: 34px;
	}
	.news .stitle .newscate li a{
		font-size: 14px;
	}
	.newslist{
		width: 100%;
	}
	.newslist li{
		width: 100%;
		margin: 0 0 20px 0;
	}
	.newslist li .text{
		padding: 5%;
	}
	.newslist li .text span{
		font-size: 16px;
	}
	.newslist li .text p{
		font-size: 12px;
		line-height: 18px;
	}
	.casebg .p50{
		padding: 20px 0;
	}
	.message form li input{
		height: 36px;
		padding: 0 10px;
		font-size: 14px;
	}
	.message form li textarea{
		padding: 10px 10px;
		font-size: 14px;
	}
	.message form li img{
		padding: 0;
		font-size: 14px;
	}
	.message form li.subbutton{
		line-height: 40px;
		font-size: 14px;
	}
	.fmenu{
		display: none;
	}
	.fcontact p{
		font-size: 12px;
		line-height: 26px;
	}
	.fcontact p strong{
		font-size: 16px;
	}
	.ftitle{
		font-size: 18px;
	}
	.fewm{
		margin: 30px 0 0 0;
		display: none;
	}
	.fewm .pic{
		width: 140px;
		margin: 0 auto;
	}
	.cr{
		padding: 10px 0;
		font-size: 12px;
		line-height: 20px;
	}
	.cr a{
		font-size: 12px;
	}
	.banner1 .text p{
		font-size: 14px;
		line-height: 24px;
		margin: 10px 0 20px 0;
	}
	.banner .banner_bg{
		height: 400px !important;
	}
	.banner1 .bannerpic{
		position: relative;
		right: auto;
		max-width: 100%;
		margin: 30px 0 0 0;
	}
	.banner1 .text a{
		margin: 0 auto;
		width: 120px;
		line-height: 30px;
		font-size: 12px;
	}
	.banner1 .text a .iconfont{
		font-size: 17px;
	}
	.banner1 .bannerarea .container{
		margin: 12% auto 0 auto
	}
	.banner,
	.bannerbg{
		margin: 80px 0 0 0;
	}
	.bannerbg,
	.listbanner,
	.nbanner{
		height: 300px;
	}
	.bannerbg .text h2{
		font-size: 24px;
	}
	.bannerbg .text p{
		font-size: 14px;
	}
	.nabout .pic{
		width: 100%;
	}
	.nabout .nabouttext{
		width: 100%;
		margin: 30px 0 0 0;
	}
	.nabout .nabouttext h3{
		font-size: 24px;
	}
	.nabout .nabouttext .text{
		font-size: 14px;
		line-height: 26px;
	}
	.cultureslide li{
		width: 100% !important;
		float: none;
	}
	.cultureslide li .pic{
		height: auto !important;
	}
	.cultureslide li .text{
		top: 10%;
		left: 10%;
		width: 80%;
	}
	.cultureslide li .text .iconfont{
		font-size: 40px;
		line-height: 40px;
	}
	.cultureslide li .text strong{
		font-size: 20px;
		margin: 10px 0 10px 0;
	}
	.cultureslide li .text p{
		font-size: 14px;
		opacity: 1 !important;
	}
	.honorslide li .pic{
		padding: 10px;
		margin: 0 5px;
	}
	.nprocate{
		width: 100%;
		float: none;
	}
	.catetitle{
		line-height: 50px;
		font-size: 18px;
	}
	.nprocate li{
		line-height: 40px;
	}
	.nprocate li .iconfont{
		width: 40px;
		line-height: 40px;
	}
	.nprocate li a{
		padding: 0 20px;
		font-size: 14px;
	}

	.nvideolist,
	.nprolist{
		margin: 30px 0 0 0;
		width: 100%;
	}
	.nvideolist li,
	.nvideolist li:nth-child(3n),
	.nprolist li,
	.nprolist li:nth-child(3n){
		width: 49%;
		margin: 0 2% 2% 0;
	}
	.nvideolist li:nth-child(2n),
	.nprolist li:nth-child(2n){
		margin: 0 0 2% 0;
	}
	.nprolist li p{
		font-size: 16px;
	}
	.nprolist li a{
		padding: 0 0 20px 0;
	}
	.nprolist li p::before{
		margin: 0 auto 10px auto;
	}
	.nvideolist li p{
		font-size: 16px;
		margin: 5px 0 10px 0;
	}
	.nnewslist li a{
		padding: 10px;
	}
	.nnewslist li .text p{
		font-size: 12px;
		line-height: 18px;
		margin: 5px 0 10px 0;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.nnewslist li .text .date{
		line-height: 20px;
		font-size: 12px;
	}
	.nnewslist li .text .more{
		line-height: 20px;
		width: 100px;
		font-size: 12px;
	}
	.nnewslist li .text span{
		font-size: 16px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.nnewscate li{
		line-height: 40px;
	}
	.nnewscate li a{
		font-size: 14px;
	}
	.nservice li{
		width: 100%;
		float: none;
		margin: 0 0 20px 0;
	}
	.nservice li .text{
		padding: 6%;
		height: auto !important;
	}
	.nservice li .text strong{
		font-size: 18px;
	}
	.nservice li .text p{
		font-size: 14px;
		line-height: 24px;
	}
	.ndownload li{
		width: 100%;
		margin: 0 0 20px 0;
		padding: 3%;
	}
	.ndownload li .text{
		margin: auto auto auto 10px;
	}
	.ndownload li .text span{
		font-size: 16px;
	}
	.ndownload li .icon-xiazai{
		display: block;
	}
	.ndownload li .icon-pdf{
		font-size: 36px;
	}
	.ndownload li a{
		font-size: 12px;
		text-align: center;
	}
	.ncontact .text{
		padding: 5%;
		width: 100%;
		line-height: 30px;
		font-size: 14px;
	}
	.ncontact .text strong{
		font-size: 18px;
	}
	.ewmlist{
		width: 100%;
	}
	.ewmlist li{
		margin: 0 5% 0 0;
	}
	.ewmlist li:last-child{
		margin: 0;
	}
	.map{
		margin: 30px 0 0 0;
	}

	.banner_pro .pic{
		bottom: 15%;
		max-width: none;
		right: 0;
		width: 127%;
		top: auto;
	}
	.banner_pro .text{
		padding: 0 0 30% 0;
	}

	.pagination{
		bottom: 15px;
	}
	.pagination-banner span{
		width: 30px;
	}
	
	.arrow_banner{
		display: none;
	}
	.pagination-banner span{
		height: 3px;
	}

}
@media screen and (max-width: 375px) {
}
@media screen and (max-width: 360px) {
}
@media screen and (max-width: 320px) {
}